body {
color: #444444;
background-color: #EEEEEE;
font-family: 'Trebuchet MS', sans-serif;
font-size: 80%;
}
h1 {}
h2 { font-size: 25px;color:#d72258; }
#page{
background-color: #FFFFFF;
width: 60%;
margin: 24px auto;
padding: 12px;
}
#header {
padding: 10px 0 5px 25px;
text-align: left;
}

#navigation {padding-top:5px;margin-left:-40px;}
#navigation ul { list-style:none; }
#navigation ul li { float:left; display:inline; padding-left:1px; }
#navigation ul li a { font-family:"Trebuchet MS", Arial, Helvetica, Sans-Serif; font-size:13px; color:#d72258;font-weight:bold; text-shadow:0px 2px 1px #000; }
#navigation ul li a { float:left; display:inline; width:97px; line-height:27px; height:30px; text-align:center; }
#navigation ul li a.active,
#navigation ul li a:hover { float:left; background:#0099FF;  color:#fff; text-decoration:none;}


.status3xx { background-color: #475076; color: #FFFFFF; }
.status4xx { background-color: #4e4f4f; color: #FFFFFF; }
.status5xx { background-color: #F2E81A; color: #000000; }
#content {
padding: 4px 0 24px 0;
}

.title{color:green;font-weight:bold;font-size:13px;}

.li_title{color:#6a767a;font-size:12px;}

/* 欢迎logo */
div.message{width:75%; padding:5pt; float:none; margin:15% auto 0% auto; clear:both; text-align:center}

/* 运行结果 */
div.result{background:#f5f986;border:1px solid #bcbcbc; padding:4px 12px; overflow:hidden; color:black; font-weight:bold; float:auto; width:70%;}

/* 代码 */
div.code{background:#f0f0f0;border:1px solid #bcbcbc; padding:4px 12px;  color:black;  float:auto; width:80%;}

/* 分割线 */
.line{margin-top:20px; width:500px;}

#footer {
color: #666666;
background: #f9f9f9;
padding: 10px 20px;
border-top: 5px #efefef solid;
font-size: 1em;
text-align: center;
}
#footer a {
color: #999999;
}
